<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h1>相对路径</h1>
    <div>
      <!-- 直接在当前协议域名和端口号后面拼接,合川体育的图片回显用的就是这种方式 -->
      <a href="/search">搜索</a>
      <!-- 直接在当前协议后面拼接 -->
      <a href="//jdddd.com">京东</a>
      <!-- 完整路径 -->
      <a href="https://www.baidu.com">百度</a>
      <hr />
      <h1>绝对路径</h1>
      <!-- 相对路径在发送请求时，需要与当前页面 URL 路径进行 计算 ，得到完整 URL 后，再发送请求 -->
      <!-- 相对于当前文件同级别 -->
      <a href="./img/imaga">当前文件同级1</a>
      <a href="img/imaga">当前文件同级2</a>
      <!-- ../上一级,但是顶了可就不会变了 -->
      <a href="../img/imaga">上一级</a>
    </div>
  </body>
</html>
